import styled from "styled-components";

export const PaginationWrapper = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 30px 0;

  .desc{
    margin-top: 5px;
    font-weight: 700;
    color: #222;
    font-size: medium;
  }
  
  .MuiPagination-root {
    .MuiPaginationItem-root {
      margin: 0 9px;
      &:hover {
        text-decoration: underline;
      }
    }

    .Mui-selected {
      background-color: #222;
      color: #fff;

      &:hover {
        background-color: #222;
      }
    }
  }
`;